interface AttributeDescProps {
  attribute: string;
  desc: string[];
}

const AttributeDesc = ({ attribute, desc = [] }: AttributeDescProps) => {
  return (
    <div className="w-full flex items-start text-xs mt-12 text-grey-800 mb-16 rounded-sm bg-blue-f7fcff border-1 border-solid border-blue-acd7ff px-18 py-16">
      <span>{attribute}</span>
      <span>
        {desc.map((item: string) => {
          return (
            <i key={item} className="inline-block w-full mb-8">
              {item}
            </i>
          );
        })}
      </span>
    </div>
  );
};

export default AttributeDesc;
